var lastLI;
var lastMenu;
window.onload = function() {
    var arr = document.getElementsByClassName("sub_text");
    for (var i = 0; i < arr.length; i++) {
        var LI = arr[i];
        if (i == 0) {
            lastLI = LI;
            lastLI.style.backgroundColor = 'yellow';
        }
        LI.onmouseover = function() {
            var _id = this.id.substring(2, 3);
            var index = parseInt(_id);
            if (lastLI != undefined) {
                lastLI.style.backgroundColor = 'WhiteSmoke';
            }
            var menus = document.getElementsByClassName("sub_menu");
            var menu = menus[index];
            this.style.backgroundColor = 'yellow';
            if (lastMenu) {
                lastMenu.style.display = 'none';
            }
            if (menu) {
                menu.style.display = 'block';
                lastMenu = menu;
            }
            lastLI = this;
        }
    }
}